<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-30 16:37:59
 * @LastEditTime : 2022-09-30 16:38:05
 * @FilePath     : \表单控件绑定\v-model和组件\第四种(自定义v-model修饰符)\不带参数的修饰符\第二种：script setup\APP.vue
-->
<template>
    <div id="v-model">
      <!-- capitalize为修饰符 -->
      <my-component v-model.capitalize="myText"></my-component>
      <div>{{ myText }}</div>
    </div>
</template>
  
<script setup>
    import MyComponent from './components/my-component.vue'
    import { ref } from 'vue'
    const myText = ref('')
</script>

<style lang="less">
</style>